<template>
  <div>
    <CloudTree
      style="width: 130px"
      :treeData="treeData"
      :defaultExpandAll="true"
      :isShowIcon="true"
      :isCustomIcon="true"
    ></CloudTree>
  </div>
</template>

<script>
export default {
  title: '7.自定义节点图标',
  subTitle: '可以针对不同的节点定制图标(CloudTree isCustomIcon=true, 配置treeData每项iconClass &&isShowIcon=true)。',
  data() {
    return {
      treeData: [{
        title: 123,
        key: 123,
        isParent: true,
        isShowIcon: true,
        iconClass: 'icondate',
        children: [{
          title: '456456456',
          key: 456,
          isShowIcon: true,
          iconClass: 'iconhelp-line',
          children: [{
            title: '999999',
            key: 999,
            isShowIcon: false,
            iconClass: 'iconhelp-line',
          }, {
            title: 99,
            key: 99,
            isShowIcon: false,
            iconClass: 'iconhelp-line',
          }]
        }, {
          title: 789,
          key: 789,
          isShowIcon: false,
          iconClass: 'iconhelp-line',
        }, {
          title: 111,
          key: 111,
          isShowIcon: false,
          iconClass: 'iconhelp-line',
        }, {
          title: 222,
          key: 222,
          isShowIcon: false,
          iconClass: 'iconhelp-line',
        }, {
          title: 333,
          key: 333,
          isShowIcon: false,
          iconClass: 'iconhelp-line',
        }]
      }]
    }
  },
  methods: {

  }
}
</script>

<style lang="scss">
</style>